#index {
  // color: #d3d6dd;
  background-color: #ffffff;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;

  .header {
    height: 60px;
    width: 99%;
    margin: 0 auto;
    // border: 1px solid red;
    // background-color: aqua;
    display: flex;
    // flex-direction: row;
    // justify-content: space-between;
    padding: 10px;
    background-color: rgb(56, 67, 75);
    border-radius: 7px 7px 0 0;
    // background-image: linear-gradient(25deg, #2986de, #6fa1e3, #9cbee8, #c4dbed);
    // background-image: url('../pageBg.png');
    .header_title {
      font-size: 35px;
      font-family: '楷体';
      color: rgb(255, 255, 255);
      margin-top: 10px;
      font-weight: 900;
      // background-color: aqua;
      width: 300px;
    }



    .header_butt {
      width: 140px;
      height: 40px;
      background-color: rgb(255, 255, 255);
      cursor: pointer;

      span {
        width: 70%;
        margin: 0 auto;
        font-size: 25px;
        font-family: '楷体';
        // margin-top: 10px;
        font-weight: 900;
      }
    }
  }

  .mannge_body_box {
    height: 100%;
    overflow-y: scroll;
  }
}
